<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--    <meta name="description" content="">
        <meta name="author" content="">-->
    <title>博客频道</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet"
          href="../dome/static/bootstrap-3.3.5-dist/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet"
          href="../dome/static/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="../dome/static/JsAndCss/pulic/bootstrap-grid.min.css">
    <link rel="stylesheet" href="../dome/static/JsAndCss/pulic/zoomify.css">
    <link rel="stylesheet" href="../dome/static/css/index.css">
    <style>

    </style>

</head>
<body>
<!-- 导航条 -->
<nav class="navbar navbar-default navbar-static-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">博客屋</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="#">主页</a></li>
                <li><a href="#about">建设中</a></li>
                <li><a href="#contact">建设中</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <form role="form" class="navbar-form navbar-right">
                        <div class="form-group">
                            <label class="sr-only">你看不到我</label>
                            <input type="text" class="form-control" id="exampleInputEmail3" placeholder="搜索">
                            <button type="submit" class="btn btn-default">搜索</button>
                        </div>
                    </form>
                </li>
                <li><a href="../navbar/">登录</a></li>
                <li><a href="./">注册<span class="sr-only">(current)</span></a></li>
                <li><a href="../navbar-fixed-top/">反馈意见</a></li>
            </ul>
        </div><!--/.nav-collapse -->
    </div><!--导航条结束-->
</nav>
<!--
<div class="container">
    <div class="row">
        <div class="col-md-9" id="ggao1">
            <img src="../dome/static/img/guanggao/test1.png" alt="图片挂了" class="img-thumbnail"/>
        </div>
        <div class="col-md-3" id="ggao2">
            <ul>
                <li>app开发标价</li>
                <li>app开发标价</li>
                <li>app开发标价</li>
            </ul>
        </div>
    </div>-->
<div class="container">
    <div class="row" id="head0" style="margin-top: 10px;">
        <div class="col-xs-8" id="head1">
            <!-- <img src="../dome/static/img/head/head1.png" alt="图片挂了" class="img-thumbnail" style="height: 320px;width: 100%;" />-->
            <div id="myCarousel" class="carousel slide">
                <!-- 轮播（Carousel）指标 -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1"></li>
                    <li data-target="#myCarousel" data-slide-to="2"></li>
                </ol>
                <!-- 轮播（Carousel）项目 -->
                <div class="carousel-inner">
                    <div class="item active">
                        <img class="lb_img" src="../dome/static/img/head/head1.png" alt="First slide"
                             style="width: 100%;height: 340px;">
                    </div>
                    <div class="item">
                        <img class="lb_img" src="../dome/static/img/head/head1.png" alt="Second slide"
                             style="width: 100%;height:340px;">
                    </div>
                    <div class="item">
                        <img class="lb_img" src="../dome/static/img/head/head1.png" alt="Third slide"
                             style="width: 100%;height: 340px;">
                    </div>
                </div>
                <!-- 轮播（Carousel）导航 -->
                <a class="carousel-control left" href="#myCarousel"
                   data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#myCarousel"
                   data-slide="next">&rsaquo;</a>
            </div>

        </div>
        <!--右侧热门博客简介-->
        <div class="col-xs-4 visible-md-block visible-lg-block" id="head3">
            <div style="height: 100%;background-color: white;box-shadow: 5px 5px 5px #888888; " class="hot_article">
                <div class="hot_acticle_left">
                    <div class="user_info" style="height: 40px;border-bottom-style: solid;border-bottom-width: 1px;border-color: #f5f5f5;">
                        &nbsp; &nbsp;&nbsp;热门博客
                    </div>
                    <div class="media"  >
                        <div class="media-left">
                            <a href="#">
                                <img class="media-object" src="../dome/static/img/tezitouxiang/t1.jpg" alt="头像">
                            </a>
                        </div>
                        <div class="media-body">
                            <h4 class="media-heading">Media heading</h4>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                        </div>
                    </div>
                    <ul class="list-group">
                        <li class="list-group-item">Cras justo odio</li>
                        <li class="list-group-item">Dapibus ac facilisis in</li>
                        <li class="list-group-item">Morbi leo risus</li>
                        <li class="list-group-item">Porta ac consectetur ac</li>
                        <li class="list-group-item">Vestibulum at eros</li>
                        <li class="list-group-item">Porta ac consectetur ac</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--右侧热门博主简介结束-->
    <!--热门博客内容推荐 暂时弃用-->
    <!--     <div class="col-xs-10 col-xs-offset-1" style="background-color: white;margin-top: 15px;">
                &nbsp;
           </div>-->
    <!--热门博客内容推荐结束-->


    <div class="row" style="margin-top: 5px;height: auto;">
        <!--中部博文div-->
        <div class="col-md-9">
            <!--一条博客-->
            <div class="active_md" style="width: 100%;height: 170px;;margin-top: 10px;box-shadow: 5px 5px 5px #888888;">
                <div style="width: 20%;height:90px;;margin-top: 30px;margin-bottom: 30px;float: left;">
                    <p class="text-center" style="margin-bottom: 5px;">
                        <img src="../dome/static/img/tezitouxiang/t1.jpg" alt="头像没了" class="img-circle"
                             style="width: 60px;height: 60px;">
                    </p>
                    <p class="text-center" style="margin-bottom: 0px;">
                        下asda
                    </p>
                </div>
                <div style="width: 80%;height: 170px;float: left; margin: auto;  ">
                    <blockquote style="margin:5px 0 auto 0;">
                        <h4>C++多态篇3——虚函数表详解之多继承、虚函数表的打印 </h4>
                        <div style="width: 100%;height: 50px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Integer posuere erat a ante.
                        </div>
                    </blockquote>
                    <p style="padding-left: 25px;margin-top: 2px;margin-bottom: 0px;"><span
                            class="glyphicon glyphicon-list"></span>&nbsp;架构色剂

                    </p>
                    <p style="padding-left:10px;margin-top: 2px;margin-bottom: 0px;" class="text-right"><span
                            class="glyphicon glyphicon-eye-open"></span>&nbsp;好多人看&nbsp;&nbsp;&nbsp;
                        <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;好多人点赞&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="glyphicon glyphicon-comment"></span>&nbsp;好多人评论&nbsp;&nbsp;&nbsp;&nbsp;
                    </p>
                </div>
            </div>
            <!--一条博客结束-->
            <div class="active_md" style="width: 100%;height: 138px;;margin-top: 10px;box-shadow: 5px 5px 5px #888888;">
                <div style="width: 20%;height:90px;;margin-top: 30px;margin-bottom: 30px;float: left;">
                    <p class="text-center" style="margin-bottom: 5px;">
                        <img src="../dome/static/img/tezitouxiang/t1.jpg" alt="头像没了" class="img-circle"
                             style="width: 60px;height: 60px;">
                    </p>
                    <p class="text-center" style="margin-bottom: 0px;">
                        下asda
                    </p>
                </div>
                <div style="width: 80%;height: 130px;float: left; margin: auto;  ">
                    <blockquote style="margin:5px 0 auto 0;">
                        <h4>C++多态篇3——虚函数表详解之多继承、虚函数表的打印 </h4>
                        <div style="width: 100%;height: 50px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                            Integer posuere erat a ante.
                        </div>
                    </blockquote>
                    <!--     <p style="padding-left: 25px;margin-top: 2px;margin-bottom: 0px;"><span
                                 class="glyphicon glyphicon-list"></span>&nbsp;架构色剂

                         </p>-->
                    <!--  <p style="padding-left:10px;margin-top: 2px;margin-bottom: 0px;" class="text-right">
                          <span class="glyphicon glyphicon-eye-open"></span>&nbsp;好多人看&nbsp;&nbsp;&nbsp;
                          <span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;好多人点赞&nbsp;&nbsp;&nbsp;&nbsp;
                          <span class="glyphicon glyphicon-comment"></span>&nbsp;好多人评论&nbsp;&nbsp;&nbsp;&nbsp;
                      </p>-->
                    <ul style="width:100%;list-style: none;float: left;padding-left:10px;margin-top: 2px;margin-bottom: 0px;" class="libiao">
                        <li style="float: left;margin-left: 15px;"> <span class="glyphicon glyphicon-list"></span>&nbsp;架构色剂&nbsp</li>
                        <li><span class="glyphicon glyphicon-eye-open"></span>&nbsp;好多人看&nbsp;</li>
                        <li><span class="glyphicon glyphicon-thumbs-up"></span>&nbsp;好多人点赞&nbsp;</li>
                        <li><span class="glyphicon glyphicon-comment"></span>&nbsp;好多人评论&nbsp;</li>
                    </ul>
                </div>
            </div>
        </div>
        <!--博文分类-->
        <div class="col-md-3" id=''>
            <!--博文分类div-->
            <div class="bowen_div">
                <!--上标题div-->
                <div class="user_info" style="line-height: 30px;height: 30px;border-bottom-style: solid;border-bottom-width: 1px;border-color: #f5f5f5;">
                    &nbsp; &nbsp; 分类
                </div>
                <!--end-->
                <!--下分类div-->
                <div class="fenlei">
                    <ul class="classification">
                        <li class="bowenfenlei_li">
                            <span class="glyphicon glyphicon-folder-open tubiao1" style="margin-right: 5px;"></span><a
                                href="#">
                            移动开发
                        </a>
                        </li>
                        <li class="bowenfenlei_li">
                            <img src="../dome/static/images/z1-18.bmp" style="width: 40px;height: 30px;"><a
                                href="#">数据库</a>
                        </li>
                        <li class="bowenfenlei_li">
                            前端开发
                        </li>
                        <li class="bowenfenlei_li">
                            后端开发
                        </li>
                    </ul>
                </div>
                <div class="fenlei">
                    <ul class="classification">
                        <li class="bowenfenlei_li">
                            <span class="glyphicon glyphicon-folder-open tubiao1" style="margin-right: 5px;"></span><a
                                href="#">
                            2131231</a>
                        </li>
                        <li class="bowenfenlei_li">
                            <img src="../dome/static/images/z1-18.bmp" style="width: 40px;height: 30px;"><a
                                href="#">123</a>
                        </li>
                        <li class="bowenfenlei_li">
                            123123
                        </li>
                        <li class="bowenfenlei_li">
                            32423
                        </li>
                    </ul>
                </div>
                <!--end-->

            </div>
            <!--博文分类div 结束-->
        </div>
        <!--博文分类结束-->


    </div>
    <!--中部博文div结束-->
</div>
</div>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script
        src="../dome/static/bootstrap-3.3.5-dist/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
        src="../dome/static/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script src="../dome/static/JsAndCss/pulic/zoomify.js"></script>
</body>
</html>